<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>略略</title>
	<meta name="keywords" content="desktop">
	<meta name="description" content="desktop">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/index.css" />
	<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js"></script>
	<script src="layer/layer.js"></script>
	<script>
	$(window.parent.document).find(".ifames").load(function(){
     var main = $(window.parent.document).find(".ifames");
     var thisheight = $(document).height()+30;
     main.height(thisheight);
     });
	</script>
</head>

<body>

	<!-- 窗体主内容 -->
	<section class="ifame-box">

		<!-- 条件 -->
         <div class="ifame-top">
			 <div class="row mabot15">
				<div class="col-md-9">
					<div class="row">
						<div class="col-md-4" style="padding-left:0;">
								<div class="form-group">
										<label class="control-label col-md-3 text-left">省份</label>
										<div class="col-md-9">
												<select class="form-control">
														<option>省份</option>
														<option>广东</option>
														<option>湖南</option>
										</select>
										</div>
								</div>
						</div>
						<div class="col-md-4">
								<div class="form-group">
										<label class="control-label col-md-3">城市</label>
										<div class="col-md-9">
												<select class="form-control">
														<option>城市</option>
														<option>广州</option>
														<option>佛山</option>
										</select>
										</div>
								</div>
						</div>
						<div class="col-md-4">
							<div class="form-group">
								<label class="control-label col-md-4">经营范围</label>
								<div class="col-md-8">
								<select class="form-control">
												<option>五金</option>
												<option>水果</option>
								</select>
								</div>
						</div>
						</div>
					</div>
					
				</div>

				<div class="col-md-3 text-right ">
                         <a href="#" class="btn contbn">搜索</a>
				</div>
			 </div>

			 <div class="row ">
					<div class="col-md-4">
							<div class="form-group">
									<label class="control-label col-md-3">商户名称</label>
									<div class="col-md-9">
										<input type="text" class="form-control input-sm"  placeholder="商户名称">
									</div>
							</div>
					</div>
					<div class="col-md-4">
					
					</div>

					<div class="col-md-4 text-right ">
							 <a href="#" class="btn contbn">清除条件</a>
					</div>
				 </div>
              
		 </div>
		<!-- 条件 -->


		<!-- 表格 -->
		 <div class="ifame-conbox matop40 row">
				 
			<div class="ifame-table text-center">
					<table class="table table-bordered table-hover">
							<thead>
							   <tr>
								  <th>商户ID</th>
								  <th>省份</th>
								  <th>经营范围</th>
								  <th>城市</th>
								  <th>商户名称</th>
								  <th>商户地址</th>
								  <th>联系人</th>
								  <th>联系方式</th>
								  <th>操作</th>
							   </tr>
							</thead>
							<tbody>
							   <tr>
								  <td>2001</td>
								  <td>广东省</td>
								  <td>零售</td>
								  <td>广州市</td>
								  <td>冬冬五金</td>
								  <td>广东省广州天河区堂同余阿萨德</td>
								  <td>李冬冬</td>
								  <td>18588828002</td>
								  <td><a href="#" class="tabe-a mabj-btn">编辑</a><a href="#" class="tabe-a dete-btn">删除</a></td>
							   </tr>
							   <tr>
								<td>2001</td>
								<td>广东省</td>
								<td>零售</td>
								<td>广州市</td>
								<td>冬冬五金</td>
								<td>广东省广州天河区堂同余阿萨德</td>
								<td>李冬冬</td>
								<td>18588828002</td>
								<td><a href="#" class="tabe-a mabj-btn">编辑</a><a href="#" class="tabe-a dete-btn">删除</a></td>
							 </tr>
							 <tr>
								<td>2001</td>
								<td>广东省</td>
								<td>零售</td>
								<td>广州市</td>
								<td>冬冬五金</td>
								<td>广东省广州天河区堂同余阿萨德</td>
								<td>李冬冬</td>
								<td>18588828002</td>
								<td><a href="#" class="tabe-a mabj-btn">编辑</a><a href="#" class="tabe-a dete-btn">删除</a></td>
							 </tr>		 
							</tbody>
						 </table>
			</div>
			    
		 </div>
		<!-- 表格 -->

	</section>
	<!-- 窗体主内容 -->
	<script type="text/javascript">
      //编辑页面
	$(document).on('click','.mabj-btn',function(){
		layer.open({
		type: 2,
		title: '商户编辑',
		maxmin: true,
		area: ['440px', '470px'],
		content: 'html/merchant/merchant.html',
		btn: ['确定','取消'] //按钮
	  });
	});

	// 删除弹框

	$(document).on('click','.dete-btn',function(){
		layer.confirm('您是如何看待前端开发？', {
			btn: ['确定','取消'] //按钮
		  }, function(){
			layer.msg('删除成功', {icon: 1});
		  });
	});


	
	</script>

</body>


</html>